<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script>
// import MainLoading from '@/components/MainLoading'
// import api from "@/common/request/api";
import * as Vue from 'vue'
export default {
  // components: { MainLoading },
  setup(props, { attrs, slots, emit }) {
    console.log(props, attrs, slots, emit);
    Vue.onMounted(() => {

    })

    Vue.onBeforeUnmount(() => {
      window.onresize = null;

    })
  }
}
</script>
<style lang="scss">
.flex {
  display: flex;
}

.backgImage {
  width: 425px;
  height: 1000px;
  // background-color: rgb(0,0,0);
  background-color: rgba(0, 0, 0, 0.15);

}



.pr32 {
  padding-right: 32px;
}

.pl20 {
  padding-left: 20px;
}

.pl32 {
  padding-left: 32px;
}

.pr20 {
  padding-right: 20px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.test-content-back-color {
  background-color: none; //背景看不清
  // background-color: #000000;
}

.box-right-float {
  float: right;
  transform-origin: 410px 0px;
}

#app {
  font-family: 'Source' 'Han' 'Sans' 'CN';
  color: #CCCCCC;
  // background:url('./assets/background/背景压黑@2x.png');
  height: 100vh;
  width: 100%;
  // background-color: black;
  background-size: 100% 100%;
  overflow: hidden;
  transform-origin: 0px 0px;


}

html {
  line-height: 1.15;
  background: none;
  width: 100%;
  height: 100%;
  overflow: hidden;

  * {
    cursor: default !important;
    user-select: none;


    /* 滚动条整体 */
    &::-webkit-scrollbar {
      height: 2px;
      width: 2px;
    }

    /* 两个滚动条交接处 -- x轴和y轴 */
    &::-webkit-scrollbar-corner {
      background-color: transparent;
    }

    /* 滚动条滑块 */
    &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
      background: rgba(0, 0, 0, 0.1);
    }

    /* 滚动条轨道 */
    &::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
      border-radius: 10px;
      background: rgba(0, 0, 0, 0);
    }

    /* 滚动条两端按钮 */
    &::-webkit-scrollbar-button {}
  }
}

body {
  background: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

:root {
  --bg-gray: #F0F0F0;
  --text-color: #7C8590;
  --text-color-darker: #32414E;
  --van-blue: #558948;
  --van-button-primary-color: var(--van-white);
  --van-button-primary-background-color: var(--van-blue);
  --van-nav-bar-height: 70px;
  --van-nav-bar-background-color: var(--van-blue);
  --van-nav-bar-text-color: var(--van-white);
  --van-nav-bar-icon-color: var(--van-white);
  --van-nav-bar-title-text-color: var(--van-white);
  --van-tabbar-item-active-color: var(--van-blue);
  --van-divider-border-color: #00000010;
}

.van-picker__title {
  --van-picker-title-font-size: 14px;
}

.l-divider-h {
  height: 0.5px;
  width: 100%;
  background: #33333350;
}

.l-divider-v {
  width: 0.5px;
  height: 100%;
  background: #33333350;
}

.l-tips {
  color: var(--van-list-text-color);
  font-size: var(--van-list-text-font-size);
  line-height: var(--van-list-text-line-height);
  text-align: center;
}

.l-white-block {
  //background: rgba(231, 242, 248, 0.85);
  //border: 2px solid #1B81E2;
  //box-shadow: 0px 3px 10px 0px rgba(102, 102, 102, 0.54);
  //border-radius: 10px;
  position: relative;
  overflow: auto;

}

.el-container {
  padding: 0px;

  .el-main {
    padding: 0px;
  }
}
</style>
